CSS Pseudo-elements

We recommend using <i> element with the Font Awesome CSS classes for the style class for the style of icon you want to use and the icon name class with the fa- ... Basics · Families + Styles · Add Icons to HTML · Setting Differen

Here's a Codepen demo showing how to render icons of all styles via CSS Pseudo-elements with our Web Fonts-based Framework. ... You can add your uploaded icons to ...

Font Awesome 是一个流行的图标字体库，用于网页设计和开发。 Font Awesome 包含了一系列矢量图标，可以轻松地通过CSS 进行调用和使用，它可以被定制大小、颜色、阴影等 ...

Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of ... Icons · Get Started · What's New · Examples

Upload Your Own Icons. Extend Font Awesome with your own custom icons, logos, and even other icon sets to fit your project perfectly. Styling with Font Awesome · Use Font Awesome on the Web · Icons · Search Icons

We've cooked up some examples of how you could use the “css3” icon in your projects, whether they're apps, interfaces, or print designs.

Setting up Font Awesome can be as simple as adding two lines of code to your website, or you can be a pro and customize the LESS yourself!

使用icon字型(font awesome). 1.載入icon字型(font awesome). 在此使用fontawesome是因為可把icon當作字體使用，不失真檔案也很小， 只要在網頁載入css檔案就能使用 ...

You can't use text as a background image, but you can use the :before or :after pseudo-classes to place a text character where you want it, ...

Font Awesome is designed to be used with inline elements. The <i> and <span> elements are widely used for icons.